<template>
  <div>
        <!-- 公共组件 -->
    <headerCom></headerCom>
    <h1>购物车</h1>
    <h1>{{$route.query.pid}}</h1>
    <h1>{{$route.meta.icon}}</h1>
    <hr>
    <!-- 直接通过导入的名字 使用vue的子组件 -->
    <cart-one></cart-one>
  </div>
</template>
<script setup>
// vue3 子组件不要components 来注册了 直接使用
import cartOne from './child/cartOne.vue'
//  vue3 路由接受参数
// 导入路由接受参数的组合api方法
// useRoute  获取路由信息对象
import {useRoute} from 'vue-router'
let route=useRoute();//获取路由信息对象
console.log(route.query.pid);
console.log(route.meta.title)
console.log(route.meta.icon)




</script>
<style lang="scss" scoped>
  
</style>